<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="">
    <meta name="description" content="mezz">
    <meta name="author" content="mezz">
    <link href="favicon.ico" rel="SHORTCUT ICON">
    <link href="css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/ui.css">
    <script src="js/jquery.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/ui.js"></script>
    <title></title>
</head>

<body class="mallview">
    <header>
        <div class="goback" onclick="history.go(-1)"></div>
        <div class="title">商品详情</div>
        <div class="right"></div>
    </header>
    <div class="mainbox">
        <div class="gdpic">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <img class="swiper-slide" src="images/20151208175356_8887.jpg">
                    <img class="swiper-slide" src="images/20151208175356_8887.jpg">
                    <img class="swiper-slide" src="images/20151208175356_8887.jpg">
                    <img class="swiper-slide" src="images/20151208175356_8887.jpg">
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="pdmaind">
            <div class="left">
                华为麦芒 4
                <br>标准双4G版银色行货 16G
            </div>
            <div class="countdown">
                <p class="cless">活动剩余时间：</p>
                <span class="hour">08</span>
                <span>:</span>
                <span class="min">13</span>
                <span>:</span>
                <span class="sec">40</span>
            </div>
        </div>
        <div class="pricerow">
            <font>¥2299</font>
            <sup>目前拼单：
                <font>55人</font>
                <br>原价：
                <del>¥2299</del>
            </sup>
            <div class="rule">满
                <font>50</font>人，单价
                <font>2000</font>
                <br>满
                <font>500</font>人，单价
                <font>1500</font>
            </div>
            <script>
                var ctime = 36000; /*设置倒计时数量，单位秒*/
                countdown = function () { /*倒计时方法*/
                    ctime--;
                    if ((ctime % 60) < 10) {
                        $('.sec').html('0' + (ctime % 60))
                    } else {
                        $('.sec').html(ctime % 60)
                    }
                    if ((ctime % 3600) < 600) {
                        $('.min').html('0' + parseInt((ctime % 3600) / 60))
                    } else {
                        $('.min').html(parseInt((ctime % 3600) / 60))
                    }
                    if ((ctime < 36000)) {
                        $('.hour').html('0' + parseInt((ctime / 3600)))
                    } else {
                        $('.hour').html(parseInt((ctime / 3600)))
                    }
                };
                setInterval(function () {
                    countdown()
                }, 1000)
            </script>
        </div>
        <div class="pdsubd">
            【12月 噪起来】全金属机身；快至0.3秒！指纹解锁；轻薄 4000mAh大电池；1300万像素，相位对焦！！
        </div>
        <div class="pdsubd">
            <h3>基本参数</h3>
            商品名称：华为麦芒 4  标准双4G版
            <br> 网络制式：移动4G（TD-LTE）, 联通4G（TD/FDD-LTE）, 移动3G（TD-SCDMA）, 联通3G（WCDMA）, 移动2G/联通2G（GSM ）, 双卡
            <br> SIM卡规格：两个小卡(Micro-SIM卡)
            <br> 操作系统：安卓（Android）
            <br> CPU型号：Helio X10
            <br> CPU频率：2.0GHz
            <br> 核心数：八核
            <br> ROM容量：16GB
            <br> RAM容量：2GB
            <br> 上市时间：2015年11月
            <br> 屏幕尺寸：5.5英寸
            <br> 后置摄像头像素：1300万像素
        </div>
    </div>
    <footer>
        <div class="kf">客服</div>
        <button class="pb" id="rightnow">2299元
            <span>立即购</span>
        </button>
        <button class="bb" id="pingdango">1500元
            <span>拼单购</span></button>
    </footer>
</body>
<script>
    $(function () {
        sfix = function () {
            var mySwiper = new Swiper('.swiper-container', {
                // autoplay:true,
                observer: true,
                observeParents: true,

                pagination: {
                    el: '.swiper-pagination',
                }
            });
        };
        $(document).ready(function () {
            setTimeout(function () {
                sfix();
            }, 100);
        });
        $(window).resize(function () {
            sfix();
        });

        function standardPost(url, args) {
            var form = $("<form method='post'></form>");
            form.attr({
                "action": url
            });
            for (arg in args) {
                var input = $("<input type='hidden'>");
                input.attr({
                    "name": arg
                });
                input.val(args[arg]);
                form.append(input);
            }
            $("html").append(form);
            form.submit();
        }

        // 点击立即购跳转
        $('#rightnow').click(() => {
            location.href = 'payment.html?price=2299';
            // standardPost('payment.html', {
            //     price: '2680'
            // });
        })
        // 点击拼单购跳转
        $('#pingdango').click(() => {
            location.href = 'payment.html?price=1500';
            // standardPost('payment.html', {
            //     price: '1000'
            // });
        })
    })
</script>

</html>